<script setup lang="ts">
import {  RouterView } from 'vue-router'

</script>

<template>
  <RouterView />
</template>

<style lang="scss">
.page-container{
  height: calc(100% - 120px);
  padding: 20px;
  box-sizing: border-box;
}

 .cus-picker{
    .el-input__wrapper{
        background: #18243a !important;
        border: 1px solid #18243a  !important;
    }
    .el-input__inner{
        color: #fff ;
    }

    .el-input__icon{
        color: #fff !important;
    }

    .el-picker-panel__body{
        background: #18243a !important;
        color: #fff;
    }

    .el-date-picker__header-label{
        color: #fff;
    }

    .el-picker-panel__icon-btn{
        color: #fff;
    }

    .el-date-table-cell__text{
        color: #fff !important;
    }

    .el-year-table td.disabled .el-date-table-cell__text{
        color: #000 !important;
        background-color: var(--el-text-color-placeholder);
    }
 } 
</style>
